<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>仕昆购物</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="stylesheet" href="css/index.css" type="text/css" />
<link rel="stylesheet" href="css/skin/skin_0.css" type="text/css" id="cssfile" />
</head>
<body>
 <!-- header -->
<header id="header">
    <a id="logo" href="#">亲,欢迎来到仕昆购物</a>
    <ul id="skin">
        <li id="skin_0" title="蓝色" class="selected">蓝色</li>
        <li id="skin_1" title="紫色">紫色</li>
        <li id="skin_2" title="红色">红色</li>
        <li id="skin_3" title="天蓝色">天蓝色</li>
        <li id="skin_4" title="橙色">橙色</li>
        <li id="skin_5" title="淡绿色">淡绿色</li>
    </ul>
</header>

<!-- nav -->
<nav id="navigation">
    <ul id="navigation-list">
        <li><a href="#">首 页</a></li>
        <li><a href="#">衬 衫</a>
            <ul>
                <li><a href="#">短袖衬衫</a></li>
                <li><a href="#">长袖衬衫</a></li>
                <li><a href="#">无袖衬衫</a></li>
            </ul>
        </li>
        <li><a href="#">卫 衣</a>
            <ul>
                <li><a href="#">开襟卫衣</a></li>
                <li><a href="#">套头卫衣</a></li>
            </ul>
        </li>
        <li><a href="#">裤 子</a>
            <ul>
                <li><a href="#">休闲裤</a></li>
                <li><a href="#">卡其裤</a></li>
                <li><a href="#">牛仔裤</a></li>
                <li><a href="#">短裤</a></li>
            </ul>
        </li>
    </ul>
</nav>

<!-- content -->
<section id="content">
    <div class="content_left">
        <div class="global_module news">
            <h3>最新动态</h3>
            <div class="scrollNews" >
                <ul>
                    <li><a href="#" class="tooltip" title="甜美宽松毛衣今秋一定红.">甜美宽松毛衣今秋一定红.</a></li>
                    <li><a href="#" class="tooltip" title="秋装百搭小马甲不到50元.">秋装百搭小马甲不到50元.</a></li>
                    <li><a href="#" class="tooltip" title="修身韩版小西装万人疯抢.">修身韩版小西装万人疯抢.</a></li>
                    <li><a href="#" class="tooltip" title="夏末雪纺店主含泪大甩卖.">夏末雪纺店主含泪大甩卖.</a></li>
                    <li><a href="#" class="tooltip" title="瑞丽都疯狂推荐的秋装.">瑞丽都疯狂推荐的秋装.</a></li>
                    <li><a href="#" class="tooltip" title="48元长款针织小开衫卖疯啦.">48元长款针织小开衫卖疯啦.</a></li>
                    <li><a href="#" class="tooltip" title="长袖雪纺衫单穿内搭都超美.">长袖雪纺衫单穿内搭都超美.</a></li>
                </ul>
            </div>
            <p class="module_up_down"><img src="images/down.gif" alt="" /></p>
        </div>
        <div class="global_module procatalog">
            <h3>产品分类</h3>
            <ul class="m-treeview">
                <li class="m-expanded">
                    <span>衬衫</span>
                    <ul>
                        <li><span>短袖衬衫</span></li>
                        <li><span>长袖衬衫</span></li>
                    </ul>
                </li>
                <li class="m-expanded">
                    <span>卫衣</span>
                    <ul>
                        <li ><span>开襟卫衣</span></li>
                        <li ><span>套头卫衣</span></li>
                    </ul>
                </li>
                <li class="m-expanded">
                    <span>裤子</span>
                    <ul>
                        <li><span>休闲裤</span></li>
                        <li><span>免烫卡其裤</span></li>
                        <li><span>牛仔裤</span></li>
                        <li><span>短裤</span></li>
                    </ul>
                </li>
            </ul>
            <p class="module_up_down"><img src="images/down.gif" alt="" /></p>
        </div>
    </div>
    <div class="content_right">
        <div class="ad" >
            <ul class="slider" >
                <li><img src="images/ads/1.gif"/></li>
                <li><img src="images/ads/2.gif"/></li>
                <li><img src="images/ads/3.gif"/></li>
                <li><img src="images/ads/4.gif"/></li>
                <li><img src="images/ads/5.gif"/></li>
            </ul>
            <ul class="num" >
                <li>1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
            </ul>
        </div>
        <div class="global_module prolist">
            <h3>新款上市</h3>
            <div class="prolist_content">
                <ul>
                    <li>
                        <a href="detail.html">
                            <img src="images/img_1.jpg" alt="" />
                        </a>
                        <span>免烫高支棉衬衣1</span>
                        <span>$120.00</span>
                    </li>
                    <li>
                        <a href="detail.html">
                            <img src="images/img_2.jpg" alt="" />
                        </a>
                        <span>免烫斜纹衬衣</span>
                        <span>$129.00</span>
                    </li>
                    <li>
                        <a href="detail.html">
                            <img src="images/img_3.jpg" alt="" />
                        </a>
                        <span>棉小方格正装衬衣</span>
                        <span>$129.00</span>
                    </li>
                    <li>
                        <a href="detail.html">
                            <img src="images/img_4.jpg" alt="" />
                        </a>
                        <span>小米兰格衬衣蓝色</span>
                        <span>$129.00</span>
                    </li>
                    <li>
                        <a href="detail.html">
                            <img src="images/img_1.jpg" alt="" />
                        </a>
                        <span>免烫高支棉衬衣2</span>
                        <span>$120.00</span>
                    </li>
                    <li>
                        <a href="detail.html">
                            <img src="images/img_2.jpg" alt="" />
                        </a>
                        <span>免烫斜纹衬衣</span>
                        <span>$129.00</span>
                    </li>
                    <li>
                        <a href="detail.html">
                            <img src="images/img_3.jpg" alt="" />
                        </a>
                        <span>棉小方格正装衬衣</span>
                        <span>$129.00</span>
                    </li>
                    <li>
                        <a href="detail.html">
                            <img src="images/img_4.jpg" alt="" />
                        </a>
                        <span>小米兰格衬衣蓝色</span>
                        <span>$129.00</span>
                    </li>
                    <li>
                        <a href="detail.html">
                            <img src="images/img_1.jpg" alt="" />
                        </a>
                        <span>免烫高支棉衬衣3</span>
                        <span>$120.00</span>
                    </li>
                    <li>
                        <a href="detail.html">
                            <img src="images/img_2.jpg" alt="" />
                        </a>
                        <span>免烫斜纹衬衣</span>
                        <span>$129.00</span>
                    </li>
                    <li>
                        <a href="detail.html">
                            <img src="images/img_3.jpg" alt="" />
                        </a>
                        <span>棉小方格正装衬衣</span>
                        <span>$129.00</span>
                    </li>
                    <li>
                        <a href="detail.html">
                            <img src="images/img_4.jpg" alt="" />
                        </a>
                        <span>小米兰格衬衣蓝色</span>
                        <span>$129.00</span>
                    </li>
                </ul>
            </div>
            <p class="module_left_right">
                <img class="goLeft" src="images/left.gif" alt="" />
                <img class="goRight" src="images/right.gif" alt="" />
            </p>
        </div>
    </div>
</section>

<!-- footer -->
<footer>
    <ul>
        <li>联系我们</li>
        <li>电话: 18810331153</li>
        <li>邮箱: wangshikun2010@gmail.com</li>
    </ul>
</footer>
<script type="text/javascript" src="../jquery-1.8.3.js"></script>
<script type="text/javascript" src="scripts/index.js"></script>
<script type="text/javascript" src="scripts/jquery.cookie.js"></script>
</body>
</html>
